<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>购物车</title>
    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/cart.css">
    <link rel="stylesheet" href="css/footer.css">
    <script src="js/lib/jquery-1.11.1.min.js"></script>
    <script src="js/lib/jquery.cookie.js"></script>
    <script src="js/cart.js"></script>
    <script src="js/loadfooter.js"></script>
    <script src="js/GoodTools.js"></script>
</head>

<body>
    <div class="header_wrap">
        <div class="header">
            <div class="logo"><a href="index.html"><img src="imgs/cart/logo.jpg" alt=""></a></div>
            <div class="promise">
                <span>9年品质保证</span><span>7天无条件退换货</span>
            </div>
            <div class="login_info">
                <ul>
                    <li>欢迎光临梦芭莎! <span id="userName"></span></li>
                    <li><a href="login.html">登录</a></li>
                    <li><a href="register.html">注册</a></li>
                    <li>帮助中心</li>
                    <li><img src="imgs/item/btn_07.png" alt="">微信</li>
                    <li><img src="imgs/item/btn_11.png" alt="">手机版</li>
                </ul>
            </div>
            <div class="process"></div>
        </div>
    </div>
    <div class="main_wrap">
        <div class="main_body">
            <!--商品列表头部栏-->
            <div class="title">
                <dl>
                    <dt><input type="checkbox" id="all"></dt>
                    <dd style="width: 56px;text-align:left; ">全部</dd>
                    <dd style="width: 440px; ">商品</dd>
                    <dd style="width: 150px; ">单价</dd>
                    <dd style="width: 100px; ">数量</dd>
                    <dd style="width: 192px; ">金额小计</dd>
                    <dd style="width: 58px;">操作</dd>
                </dl>
            </div>
            <!--商品列表-->
            <div class="goods_list">
                <div class="buy_goods">
                    <!--没有商品时的购物车-->
                    <div class="mention">
                        <dl>
                            <dt>您的购物车中没有商品，您可以：</dt>
                            <dd>1. 如果您还未登录，可能导致购物车为空，请<a href="login.html">登录</a></dd>
                            <dd><a href="index.html">2. 立即选购商品>></a></dd>
                        </dl>
                    </div>
                    <!--有商品时的购物车-->
                    <div class="shop">
                        <div class="title">
                            <span>以下商品由 梦芭莎 发货</span>
                            <span>配送费10.00元，购满180.00元免配送费 <span id="dif_mention">（还差 <em id="price_difference">180</em>元)</span></span>
                        </div>
                        <!--结算购物车的版块-->
                        <div class="checkmoney">
                            <ul class="total">
                                <li>商品数量总计：</li>
                                <li id="totalnum"></li>
                                <li> 折后商品金额总计</li>
                                <li id="totalprice">¥</li>
                            </ul>
                            <div class="check_btn">
                                <span><a href="javascript:;">去结算</a></span>
                            </div>
                        </div>
                    </div>

                </div>
            </div>
            <!--热卖商品-->
            <div class="hot_sale_wrap">
                <div class="hot_sale">
                    <div class="hot_title">
                        <h3></h3>
                    </div>
                    <div class="hot_goods">
                        <ul>
                            <li class="on">
                                <dl>
                                    <dt><a href="#"><img src="imgs/cart/hot_good01.jpg" alt=""></a></dt>
                                    <dd>
                                        <p><a href="#">梦芭莎欧美时尚宽松款橡筋荷叶边袖口圆...</a></p>
                                        <p><a href="#">￥99.00</a></p>
                                        <p><a href="javascript:void(0)"></a></p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#"><img src="imgs/cart/hot_good02..jpg" alt=""></a></dt>
                                    <dd>
                                        <p><a href="#">梦芭莎欧美时尚宽松款橡筋荷叶边袖口圆...</a></p>
                                        <p><a href="#">￥99.00</a></p>
                                        <p><a href="javascript:void(0)"></a></p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#"><img src="imgs/cart/hot_goods03.jpg" alt=""></a></dt>
                                    <dd>
                                        <p><a href="#">梦芭莎欧美时尚宽松款橡筋荷叶边袖口圆...</a></p>
                                        <p><a href="#">￥99.00</a></p>
                                        <p><a href="javascript:void(0)"></a></p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#"><img src="imgs/cart/hot_goods05.jpg" alt=""></a></dt>
                                    <dd>
                                        <p><a href="#">梦芭莎欧美时尚宽松款橡筋荷叶边袖口圆...</a></p>
                                        <p><a href="#">￥99.00</a></p>
                                        <p><a href="javascript:void(0)"></a></p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#"><img src="imgs/cart/hot_goods04.jpg" alt=""></a></dt>
                                    <dd>
                                        <p><a href="#">梦芭莎欧美时尚宽松款橡筋荷叶边袖口圆...</a></p>
                                        <p><a href="#">￥99.00</a></p>
                                        <p><a href="javascript:void(0)"></a></p>
                                    </dd>
                                </dl>
                            </li>
                            <li>
                                <dl>
                                    <dt><a href="#"><img src="imgs/cart/hot_good01.jpg" alt=""></a></dt>
                                    <dd>
                                        <p><a href="#">梦芭莎欧美时尚宽松款橡筋荷叶边袖口圆...</a></p>
                                        <p><a href="#">￥99.00</a></p>
                                        <p><a href="javascript:void(0)"></a></p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#"><img src="imgs/cart/hot_goods07.jpg" alt=""></a></dt>
                                    <dd>
                                        <p><a href="#">梦芭莎欧美时尚宽松款橡筋荷叶边袖口圆...</a></p>
                                        <p><a href="#">￥99.00</a></p>
                                        <p><a href="javascript:void(0)"></a></p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#"><img src="imgs/cart/hot_goods03.jpg" alt=""></a></dt>
                                    <dd>
                                        <p><a href="#">梦芭莎欧美时尚宽松款橡筋荷叶边袖口圆...</a></p>
                                        <p><a href="#">￥99.00</a></p>
                                        <p><a href="javascript:void(0)"></a></p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#"><img src="imgs/cart/hot_goods05.jpg" alt=""></a></dt>
                                    <dd>
                                        <p><a href="#">梦芭莎欧美时尚宽松款橡筋荷叶边袖口圆...</a></p>
                                        <p><a href="#"></a></p>
                                        <p><a href="javascript:void(0)"></a></p>
                                    </dd>
                                </dl>
                                <dl>
                                    <dt><a href="#"><img src="imgs/cart/hot_goods04.jpg" alt=""></a></dt>
                                    <dd>
                                        <p><a href="#">梦芭莎欧美时尚宽松款橡筋荷叶边袖口圆...</a></p>
                                        <p><a href="#">￥99.00</a></p>
                                        <p><a href="javascript:void(0)"></a></p>
                                    </dd>
                                </dl>
                            </li>
                        </ul>
                    </div>
                    <div class="toggle">
                        <ul>
                            <li><span class="on"></span><span></span></li>
                            <li class="tog"><a href="#">换一组</a></li>
                        </ul>
                    </div>
                </div>
            </div>
            <!--回到顶部-->
            <div class="left_nav">
                <a id="goTop" href="javascript:;"></a>
            </div>
        </div>
    </div>
    <div class="footer_wrap">

    </div>
</body>

</html>